@font-face {
    font-family: 'Optima';
    font-style: normal;
    font-weight: normal;
    src: local('Optima'), url('../fonts/OPTIMA.woff') format('woff');
}


@font-face {
    font-family: 'Optima Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Italic'), url('../fonts/OPTIMA_Italic.woff') format('woff');
}


@font-face {
    font-family: 'Optima Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Medium'), url('../fonts/OPTIMA Medium.woff') format('woff');
}


@font-face {
    font-family: 'Optima Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Bold'), url('../fonts/OPTIMA_B.woff') format('woff');
}

* {
    font-family: OPTIMA;
}


body{
    background-image: linear-gradient(405deg,rgba(0,0,0,1) 12%,rgba(114,0,0,1) 100%)  !important;
    color:white;
     background-repeat: no-repeat;
    height: 100vh; /* 100% of the viewport height */
    width: 100vw; /* 100% of the viewport width */
}
form{
width: 30%; /* Adjust the width of the container as needed */
    margin: 0 auto; /* This centers the container horizontally */
}
.center{
text-align:center;

}

.btn-primary{

background-color:transparent;
border:1px solid white;
text-transform: uppercase;
}

.btn-primary:hover{
border:1px solid white;
    color: rgb(143, 105, 77) !important;
background-color:transparent;

}

.form{
border:1px solid white;
color:black;
}

p label{
width: 35%;
}

input[type="password"] {
    color: blue; /* Change the color to blue */
}

ul.errorlist.nonfield {
background: white;
    color: red;
    padding: 10px;
}

ul.errorlist.nonfield li {
    margin-left: 26px;
}
/*
ul.errorlist.nonfield:before {
    content: "\f00d";
    font-family: FontAwesome;
    margin-left: 5px;
    color: red;
}
 */